<template>
	<view>
		
		
		
		<!-- <view class="viewbox auto m-top20 bgWhite padding20 d-flex bor_radius_10 ">
			 <view class="product_Img f-shrink-0 p-re">
				 <image src="../../static/allmoney.png" mode="aspectFill"></image>
				  <view class="h7 white numId p-top4 p-bot4 p-left14 p-right14">6678</view>
			 </view>
			 <view class="d-flex f-column m-left30 j-sb">
				 <text class="color_33 size30">红原鸡 先机代言人专购套餐</text>
				 <view class="d-flex">
					 <text class="color_99 h6 f-shrink-0">规格：</text>
					 <text class="color_33 h6 m-left10 ellipsis">X1</text>
				 </view>
				 <view class="d-flex">
					 <text class="color_99 h6">数量：</text>
					 <text class="color_33 h6 m-left10">X1</text>
				 </view>
			 </view>
		</view> -->
		
		<!--  选择包装 -->
	<!-- 	<view class="viewbox auto bgwhite bor_radius_10  p-top30 p-bot30 p-left20 d-flex j-sb a-center">
			<text class="color_20 size30">选择包装</text>
			<view class="d-flex a-center m-right70">
				<view class="d-flex a-center"  @click="packages(1)">
					<view class="Package d-flex a-center j-centert" :class="{packActive:Package == 1}"><view class="iconfont icon-xuanzhong h6"></view></view>
					<text class="h6 color_33 m-left16">生鲜鸡</text>
				</view>
				<view class="d-flex a-center m-left70" @click="packages(2)">
					<view class="Package d-flex a-center j-centert" :class="{packActive:Package == 2}"><view class="iconfont icon-xuanzhong h6"></view></view>
					<text class="h6 color_33 m-left16">礼品盒</text>
				</view>
			</view>
		</view> -->
		
	</view>
</template>

<script>
	export default {
		name:"chickOrder",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
    .product_Img{
    	width:140rpx;
    	height: 140rpx;
    }
    .numId{
		position: absolute;
		right:0;top:0;
		background: var(--color);
		border-radius: 0 10rpx 0 10rpx;
	}
	.Package{
		width:30rpx;
		height: 30rpx;
		border:1rpx solid #CCCCCC;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.packActive{
		border:1rpx solid var(--color) !important;
		background: var(--color) !important;
	}
</style>
